UserCSS - 使排序清單保持展開
/villagepump/ソートメニューを常時展開するUserCSS
UserCSS
code:style.css
@media(width > 768px) {
/* ホーム画面 */
.quick-launch .right-box {
gap: 1em;
}
.page-sort-menu {
/* width: 100%; */
.tool-btn {
display: none;
}
.dropdown-menu {
z-index: 0;
position: relative;
width: auto;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
background: transparent;
box-shadow: none;
border: none;
column-gap: 1.4em;
margin: 0;
li>a {
padding: 0;
}
li>a:not(.selected) {
color: var(--tool-text-color, #363c49);
}
li>a:hover {
background-color: var(--tool-bg, rgba(0, 0, 0, 0.08));
}
}
.dropdown-header {
display: none;
}
}
/* 関連ページ */
.toolbar {
/* */
grid-template-columns: minmax(min-content, 400px) max-content !important;
gap: 1em;
.page-sort-menu {
.dropdown-menu {
padding: 0;
top: 0;
}
}
}
}